<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="./img/icon.jpg" type="iamge/xiaomi-icon">
    <title>小米商城</title>
    <link rel="stylesheet" href="./css/indexTwo.css">
    <script src="./js/jquery-2.1.4.min.js"></script>
    <script src="./js/jquery.animate-colors-min.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div id="head_box">
        <div class="head_warp">
            <div class="head_nav">
                <a href="#" class="head_nav_a">大米网</a><span>|</span>
                <a href="#" class="head_nav_a">MIUI</a><span>|</span>
                <a href="#" class="head_nav_a">米聊</a><span>|</span>
                <a href="#" class="head_nav_a">游戏</a><span>|</span>
                <a href="#" class="head_nav_a">多看阅读</a><span>|</span>
                <a href="#" class="head_nav_a">云服务</a><span>|</span>
                <a href="#" class="head_nav_a">大米移动版</a><span>|</span>
                <a href="#" class="head_nav_a">问题反馈</a><span>|</span>
                <a href="#" class="head_nav_a">Select Region</a>
            </div>
            <div class="head_right">
                <div id="head_landing">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                </div>
                <div id="head_car">
                    <a href="#" class="head_car_text">购物车（0）</a> 
                    <div id="car_content">
                        <span style="display: none;">购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="main_head_box">
        <div id="menu_wrap">
            <div id="menu_log">
                <img src="./img/xiaomi_logo.png" alt="小米LOGO">
            </div>
            <div id="menu_nav">
                <ul>
                    <li class="menu_li" control="xiaomiphone">大米手机</li>
                    <li class="menu_li" control="hongmiphone">红米</li>
                    <li class="menu_li" control="pingban">平板</li>
                    <li class="menu_li" control="tv">电视&nbsp;&nbsp;盒子</li>
                    <li class="menu_li" control="luyou">路由器</li>
                    <li class="menu_li" control="yingjian">智能硬件</li>
                    <li>
                        <a href="#">服务</a>
                    </li>
                    <li>
                        <a href="#">社区</a>
                    </li>
                </ul>
            </div>
            <div id="find_wrap">
                <div id="find_bar">
                    <input type="text" id="find_input">
                </div>
                <div id="find_btn">GO</div>
            </div>
        </div>
    </div>
    <!-- 导航栏滑动显示详情信息栏 -->
    <div id="menu_content_bg" style="height: 0px;">
        <div id="menu_content_wrap">
            <ul style="top: 0px;">
                <li id="xiaomiphone">
                    <div class="menu_content">
                        <img src="img/mi4!160x110.jpg" alt="">
                        <p class="menu_content_tit">大米手机4</p>
                        <p class="menu_content_price">1499元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/minote!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米手机4</p>
                            <p class="menu_content_price">1499元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/minotepro!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米手机4</p>
                            <p class="menu_content_price">1499元起</p>
                    </div>
                </li>
                <li id="hongmiphone">
                    <div class="menu_content">
                        <img src="img/hongmi2a!160x110.jpg" alt="">
                        <p class="menu_content_tit">红米手机2A</p>
                        <p class="menu_content_price">499元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/hongmi2!160x110.jpg" alt="">
                            <p class="menu_content_tit">红米手机2</p>
                            <p class="menu_content_price">599元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/note!160x110.jpg" alt="">
                            <p class="menu_content_tit">红米NOTE</p>
                            <p class="menu_content_price">699元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/note2!160x110.jpg" alt="">
                            <p class="menu_content_tit">红米NOTE2</p>
                            <p class="menu_content_price">799元</p>
                    </div>
                </li>
                <li id="pingban">
                    <div class="menu_content">
                            <img src="img/mipad16!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米平板16G</p>
                            <p class="menu_content_price">1299元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/mipad64!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米平板64G</p>
                            <p class="menu_content_price">1499元起</p>
                    </div>
                </li>
                <li id="tv">
                    <div class="menu_content">
                            <img src="img/mitv40!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米电视2&nbsp;40英寸</p>
                            <p class="menu_content_price">1999元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/mitv48!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米电视2&nbsp;48英寸</p>
                            <p class="menu_content_price">2999元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/mitv49!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米电视2&nbsp;49英寸</p>
                            <p class="menu_content_price">3399元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/mitv55!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米电视2&nbsp;55英寸</p>
                            <p class="menu_content_price">4499元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/hezimini!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米盒子MINI版</p>
                            <p class="menu_content_price">199元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/hezis!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米盒子增强版</p>
                            <p class="menu_content_price">299元</p>
                    </div>
                </li>
                <li id="luyou">
                    <div class="menu_content">
                            <img src="img/miwifi!160x110.jpg" alt="">
                            <p class="menu_content_tit">全新大米路由器</p>
                            <p class="menu_content_price">699元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/miwifimini!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米路由器 MINI</p>
                            <p class="menu_content_price">129元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/miwifilite!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米路由器&nbsp;青春版</p>
                            <p class="menu_content_price">79元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/wifiExtension!160x110.jpg" alt="">
                            <p class="menu_content_tit">大米WIFI放大器</p>
                            <p class="menu_content_price">39元</p>
                    </div>
                </li>
                <li id="yingjian">
                    <div class="menu_content">
                            <img src="http://c1.mifile.cn/f/i/15/goods/nav/scale!160x110.jpg" alt="">
                            <p class="menu_content_tit">体重称</p>
                            <p class="menu_content_price">99元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/xiaoyi!160x110.jpg" alt="">
                            <p class="menu_content_tit">摄像头</p>
                            <p class="menu_content_price">129元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/yicamera!160x110.jpg" alt="">
                            <p class="menu_content_tit">运动相机</p>
                            <p class="menu_content_price">399元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/ihealth!160x110.jpg" alt="">
                            <p class="menu_content_tit">血压计</p>
                            <p class="menu_content_price">199元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/chazuo!160x110.jpg" alt="">
                            <p class="menu_content_tit">智能插座</p>
                            <p class="menu_content_price">59元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                            <img src="img/smart!160x110.jpg" alt="">
                            <p class="menu_content_tit">查看全部<br/>"智能硬件"</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 轮播图和垂直导航栏 -->
    <div id="big_banner_wrap">
        <ul id="banner_menu_wrap">
            <li class="active">
                <a href="#">手机&nbsp;平板</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -20px;  display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a href="#"><img src="img/minote.jpg" alt=""></a>
                            <a href="">大米NOTE</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/mi4.jpg" alt=""></a>
                            <a href="">大米NOTE4</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/hongmi2.jpg" alt=""></a>
                            <a href="">红米手机2</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/hongmi2a.jpg" alt=""></a>
                            <a href="">红米手机2A</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/note2.jpg" alt=""></a>
                            <a href="">红米NOTE2</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/note2.jpg" alt=""></a>
                            <a href="">红米NOTE&nbsp;4G双卡</a>
                            <span>选购</span>
                        </li>
                    </ul>
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a href="#"><img src="img/mipad.jpg" alt=""></a>
                            <a href="">大米平板</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/telcom.jpg" alt=""></a>
                            <a href="">电信版</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/heyue.jpg" alt=""></a>
                            <a href="">合约机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/zhongxin.jpg" alt=""></a>
                            <a href="">中信特权</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/compare.jpg" alt=""></a>
                            <a href="">对比手机</a>
                            <span>选购</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">电视&nbsp;盒子</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -62px; display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a href="#"><img src="img/tv40.jpg" alt=""></a>
                            <a href="">大米电视40英寸</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/tv48.jpg" alt=""></a>
                            <a href="">大米电视48英寸</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/tv49.jpg" alt=""></a>
                            <a href="">大米电视49英寸</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/tv49.jpg" alt=""></a>
                            <a href="">大米电视55英寸</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/hezis.jpg" alt=""></a>
                            <a href="">大米盒子</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a href="#"><img src="img/hezis.jpg" alt=""></a>
                            <a href="">大米盒子MINI</a>
                            <span>选购</span>
                        </li>
                    </ul>
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a href="#"><img src="img/dianshipeijian.jpg" alt=""></a>
                            <a href="">大米电视配件</a>
                            <span>选购</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">路由器&nbsp;智能配件</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top:  -104px;width: 900px; display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/miwifi.jpg"></a><a>大米路由器</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/miwifilite.jpg"></a><a>大米路由器&nbsp;青春版</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/air.jpg"></a><a>净化器</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/xiaoyi.jpg"></a><a>摄像机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/scale.jpg"></a><a>体重称</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/scale.jpg"></a><a>智能插头</a>
                            <span>选购</span>
                        </li>
                    </ul>
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/miwifimini.jpg"></a><a>大米路由器MINI</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/wifiExtension.jpg"></a><a>大米WIFI放大器</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/yicamera.jpg"></a><a>运动相机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/water.jpg"></a><a>净水器</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/ihealth.jpg"></a><a>血压计</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/ihealth.jpg"></a><a>床头灯</a>
                            <span>选购</span>
                        </li>
                    </ul>
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/zhinengtaozhuang.jpg"></a><a>智能家庭套装</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/shouhuan.jpg"></a><a>大米手环</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/smart.jpg"></a><a>全部智能硬件</a>
                            <span>选购</span>
                        </li>

                    </ul>
                </div>
            </li>
            <li>
                <a href="#">移动电源&nbsp;插线板</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -146px; width: 300px;  display: none;">
                    <ul class="banner_menu_content_ul">
                         <li>
                             <a><img src="img/dianyuan.jpg "></a><a>大米移动电源</a>
                            <span>选购</span>    
                        </li>
                         <li>
                             <a><img src="img/powerscript.jpg"></a><a>大米插线板</a>
                             <span>选购</span>
                        </li>
                         <li>
                             <a><img src="img/yidongdianyuan.jpg"></a><a>品牌移动电源</a>
                             <span>选购</span>
                        </li>
                         <li>
                             <a><img src="img/dianyuanfujian.jpg"></a><a>移动电源附件</a>
                             <span>选购</span>
                        </li>
                     </ul>
                </div>
            </li>
            <li>
                <a href="#">耳机&nbsp;音响</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -188px; width: 300px; display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/headphone.jpg"></a><a>大米头戴式耳机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/huosai.jpg"></a><a>大米活塞耳机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/bluetoothheadset.jpg"></a><a>大米蓝牙耳机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/erji.jpg"></a><a>品牌耳机</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/yinxiang.jpg"></a><a>音箱</a>
                            <span>选购</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">电池&nbsp;储存卡</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -230px;width: 300px; display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/dianchi.jpg"></a><a>电池</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/chongdian.jpg"></a><a>充电器</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/xiancai.jpg"></a><a>线材</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/cunchu.jpg"></a><a>存储卡</a>
                            <span>选购</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">保护套&nbsp;后盖</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -272px;width: 300px;display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/baohu.jpg"></a><a>保护套/保护壳</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/hougai.jpg"></a><a>后盖</a>
                            <span>选购</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">贴膜&nbsp;其他配件</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -314px;display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/tiemo.jpg"></a><a>贴膜</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/zipaigan.jpg"></a><a>自拍杆</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/zipaigan.jpg"></a><a>蓝牙手柄</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/tizhi.jpg"></a><a>贴纸</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/fangchensai.jpg"></a><a>防尘塞</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/fangchensai.jpg"></a><a>手机支架</a>
                            <span>选购</span>
                        </li>
                    </ul>
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/raoxian.jpg"></a><a>耳机绕线器</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/wifi.jpg"></a><a>随身WIFI</a>
                            <span>选购</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">米兔&nbsp;服装</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -356px;width: 300px;display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/mitu.jpg"></a><a>米兔</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/fuzhuang.jpg"></a><a>服装</a>
                            <span>选购</span>
                        </li>
                    </ul>

                </div>
            </li>
            <li>
                <a href="#">背包&nbsp;其他周边</a>
                <a href="#" class="banner_menu_i">></a>
                <div class="banner_menu_content" style="top: -398px; width: 300px; display: none;">
                    <ul class="banner_menu_content_ul">
                        <li>
                            <a><img src="img/bag.jpg"></a><a>背包</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/shubiaodian.jpg"></a><a>大米鼠标坠</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/zhoubian.jpg"></a><a>生活周边</a>
                            <span>选购</span>
                        </li>
                        <li>
                            <a><img src="img/wan.jpg"></a><a>玩酷产品</a>
                            <span>选购</span>
                        </li>
                    </ul>

                </div>
            </li>
        </ul>
        <div id="big_banner_pic_wrap">
            <ul id="big_banner_pic">
                <li><img src="img/T1hiDvBvVv1RXrhCrK.jpg" alt=""></li>
                <li><img src="img/T1jrxjB_VT1RXrhCrK.jpg" alt=""></li>
                <li><img src="img/T1oTJjBKKT1RXrhCrK.jpg" alt=""></li>
                <li><img src="img/T1RICjB7DT1RXrhCrK.jpg" alt=""></li>
                <li><img src="img/T1vWdTBKDv1RXrhCrK.jpg" alt=""></li>
            </ul>
        </div>
        <div id="big_banner_change_wrap">
            <div id="big_banner_change_prev"><</div>
            <div id="big_banner_change_next">></div>
        </div>
    </div>
    <!-- 商品栏1 -->
    <div id="head_other_wrap">
        <div id="head_other">
            <ul>
                <li>
                    <div id="div1">
                        <p>START</p>
                        <p>开房购买</p>
                    </div>
                </li>
                <li>
                    <div id="div2">
                        <p>GROUND</p>
                        <p>企业团购</p>
                    </div>
                    
                </li>
                <li>
                    <div id="div3">
                        <p>RETROFIT</p>
                        <p>官方产品</p>
                    </div>
                </li>
                <li>
                    <div id="div4">
                        <p>CHANNEL</p>
                        <p>F码通道</p>
                    </div>
                </li>
                <li>
                    <div id="div5">
                        <p>RECHARGE</p>
                        <p>话费充值</p>
                    </div>
                </li>
                <li>
                    <div id="div6">
                        <p>SECURITY</p>
                        <p>防伪检查</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="head_other_ad">
            <img src="img/T184E_BQWT1RXrhCrK.jpg" alt="">
        </div>
        <div class="head_other_ad">
            <img src="img/T1yvd_BQDT1RXrhCrK.jpg" alt="">
        </div>
        <div class="head_other_ad">
            <img src="img/T1mahQBmKT1RXrhCrK.jpg" alt="">
        </div>
    </div>
    <!-- 大米明星单品商品栏 -->
    <div id="head_hot_goods_wrap">
        <div id="head_hot_goods_title">
            <span class="title_span">大米明星</span>
            <div id="head_hot_goods_change">
                <span class="head_hot_goods_prave" style="color: rgb(190, 190, 190);"><</span>
                <span class="head_hot_goods_next" style="color: rgb(190, 190, 190);">></span>
            </div>
        </div>
        <div id="head_hot_goods_content">
            <ul>
                <li style="border-color: rgb(255,118,0)">
                    <a href="#">
                        <img src="img/T1riKjB7VT1RXrhCrK.jpg" alt="大米电视2/2S&nbsp;全系列">
                    </a>
                    <a href="#">大米电视2/2S 全系列</a>
                    <a href="#">40/48/49/55英寸 现货购买</a>
                </li>
                <li style="border-color: red">
                        <a href="#">
                            <img src="img/T19AbjBCDT1RXrhCrK.jpg" alt="大米平板">
                        </a>
                        <a href="#">大米平板</a>
                        <a href="#">全球首款 NVIDIA Tegra K1 平板</a>
                </li>
                <li style="border-color: greenyellow">
                        <a href="#">
                            <img src="img/T1meZjBCAT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                        </a>
                        <a href="#">大米盒子增强版 1G</a>
                        <a href="#">首款4K超高清网络机顶盒</a>
                </li>
                <li style="border-color:dodgerblue">
                    <a href="#">
                        <img src="img/T1tsEgB7DT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">全新大米路由器</a>
                    <a href="#">顶配路由器，企业级性能</a>
                </li>
                <li style="border-color:blueviolet">
                    <a href="#">
                        <img src="img/T10TJjB5hT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">大米头戴式耳机</a>
                    <a href="#">媲美主流千元级头戴耳机</a>
                </li>
                <li style="border-color: rgb(255,118,0)">
                    <a href="#">
                        <img src="img/T1hLhjB_AT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">大米插线板</a>
                    <a href="#">3重安全保护，插线板中的艺术品</a>
                </li>
                <li style="border-color: red">
                    <a href="#">
                        <img src="img/T1KDAjBCAT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">大米路由器mini</a>
                    <a href="#">主流双频AC智能路由器</a>
                </li>
                <li style="border-color: greenyellow">
                    <a href="#">
                        <img src="img/T16eEjBKhT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">大米移动电源10000mAh</a>
                    <a href="#">高密度进口电芯，仅名片大小</a>
                </li>
                <li style="border-color:dodgerblue">
                    <a href="#">
                        <img src="img/T1JnWjBCCT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">大米蓝牙耳机</a>
                    <a href="#">2015德国IF大奖，高清通话音质</a>
                </li>
                <li style="border-color:blueviolet">
                    <a href="#">
                        <img src="img/T1BsbjBvLT1RXrhCrK.jpg" alt="大米盒子增强版 1G">
                    </a>
                    <a href="#">大米活塞耳机</a>
                    <a href="#">2015红点奖，独家音质优化专利</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 智能硬件商品栏 -->
    <div id="main_show_box">
        <div id="floor_wrap">
            <span class="title_span">智能硬件</span>
        </div>
        <div id="floor_goods_wrap">
            <ul>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#">
                        <img src="img/T1IhLjBC_T1RXrhCrK.jpg" alt="" style="width: 234px;height: 610px;">
                    </a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T1odEjB5bT1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">大米智能家庭套装</a>
                    <a href="#" class="floor_goods_txt">3分钟快速安装，30多种智能玩法</a>
                    <a href="#" class="floor_goods_price">199元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T1JKxvBXhv1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">大米随身WIFI 8GB U盘版</a>
                    <a href="#" class="floor_goods_txt">随身上网神器，内置8GB U盘</a>
                    <a href="#" class="floor_goods_price">49.9元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T18yZQBCET1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">小蚁智能摄像机</a>
                    <a href="#" class="floor_goods_txt">能看能听能说，手机远程观看</a>
                    <a href="#" class="floor_goods_price">149元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T1YoZQByYT1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">大米体重称</a>
                    <a href="#" class="floor_goods_txt">高精度压力传感器 ｜ 手机管理全家健康</a>
                    <a href="#" class="floor_goods_price">99元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T16nVjBCKT1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">小蚁运动机</a>
                    <a href="#" class="floor_goods_txt">边玩边录边拍，手机随时分享</a>
                    <a href="#" class="floor_goods_price">399元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T18zWQB4WT1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">大米智能家庭套装</a>
                    <a href="#" class="floor_goods_txt">3分钟快速安装，30多种智能玩法</a>
                    <a href="#" class="floor_goods_price">199元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T1oixjB5bT1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">大米智能插座</a>
                    <a href="#" class="floor_goods_txt">3手机远程遥控开关，带USB接口</a>
                    <a href="#" class="floor_goods_price">59元</a>
                </li>
                <li class="floor_goods_wrap_li" style="top: 0px;box-shadow: none;">
                    <a href="#" class="floor_goods_img"><img src="img/T1KzbQBvbT1RXrhCrK.jpg" alt=""></a>
                    <a href="#" class="floor_goods_tit">大米水质TDS检测笔</a>
                    <a href="#" class="floor_goods_txt">准确检测家中水质纯度</a>
                    <a href="#" class="floor_goods_price">39元</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部栏 -->
    <div id="foot_box">
        <div id="foot_wrap">
            <div class="foot_top">
                <ul>
                    <li>1小时快修服务</li>
                    <li class="font_top_i">|</li>
                    <li>7天无理由退货</li>
                    <li class="font_top_i">|</li>
                    <li>15天免费换货</li>
                    <li class="font_top_i">|</li>
                    <li>满150元包邮</li>
                    <li class="font_top_i">|</li>
                    <li>520余家售后网点</li>
                </ul>
            </div>
            <div class="foot_bottom">
                <div class="foot_bottom_l">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>购物指南</dd>
                        <dd>支付方式</dd>
                        <dd>配送方式</dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>售后政策</dd>
                        <dd>自助服务</dd>
                        <dd>相关下载</dd>
                    </dl>
                    <dl>
                        <dt>大米之家</dt>
                        <dd>大米之家</dd>
                        <dd>服务网点</dd>
                        <dd>预约亲临到店服务</dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>新浪微博</dd>
                        <dd>大米部落</dd>
                        <dd>官方微信</dd>
                    </dl>
                </div>
                <div class="foot_bottom_r">
                    <a href="#">400-100-5678</a>
                    <a href="#">周一至周日 8:00-18:00</a>
                    <a href="#">（仅收市话费）</a>
                    <span style="background: none;color: rgb(255, 103, 0)"> 24小时在线客服</span>
                </div>
            </div>
        </div>
        <div id="foot_note_box">
            <div id="foot_note_wrap">
                <div id="foot_note_con">
                    <span class="foot_logo"><img src="img/mi-logo.png" alt="logo" width="38px" height="38px"></span>
                    <span class="foot_note_txt">
                        <a href="#">大米网</a>
                        <h>|</h>
                        <a href="">MIUI</a>
                        <h>|</h>
                        <a href="">米聊</a>
                        <h>|</h>
                        <a href="">多看书城</a>
                        <h>|</h>
                        <a href="">大米路由器</a>
                        <h>|</h>
                        <a href="">大米后院</a>
                        <h>|</h>
                        <a href="">大米天猫店</a>
                        <h>|</h>
                        <a href="">大米淘宝直营店</a>
                        <h>|</h>
                        <a href="">大米网盟</a>
                        <h>|</h>
                        <a href="">问题反馈</a>
                        <h>|</h>
                        <a href="">Select Region</a>
                        <br/>
                        <a href="">5555555号</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/indexTwo.js"></script>
</html>